<template>
  <div>
    <h1>我是根组件</h1>

    <!-- 使用头部组件 -->
    <HmHeader></HmHeader>
    <!-- 使用主体内容组件 -->
    <HmBody></HmBody>
    <!-- 使用底部组件 -->
    <HmFooter></HmFooter>
    <hm-footer></hm-footer>

    <hm-button></hm-button>
  </div>
</template>

<script>
//引入头部组件
import HmHeader from './components/HmHeader.vue'
//引入主体内容组件
import HmBody from './components/HmBody.vue'
//引入底部组件
import HmFooter from './components/HmFooter.vue'

export default {
  //注册组件
  components: {
    //注册头部组件
    HmHeader,
    //注册主体内容组件
    HmBody,
    //注册底部组件
    HmFooter,
  },

  data() {
    return {}
  },
  methods: {},
}
</script>

<style scoped lang="less"></style>
